﻿@page

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>test</title>
    <style type="text/css">
        div {
            width: 50%;
            height: 500px;
            background-color: cadetblue;
            /*模拟table*/
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        img {
            /*管好自己*/
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <div>
        <span>垂直居中</span>
        <img src="/common/loading.gif" />
        <span>垂直居中</span>
        <img src="/common/missing-min.jpg" />
        <span>垂直居中</span>
    </div>
</body>
</html>
